<template>
  <div id="estate">
    <h1>欢迎</h1>
    <h1>现场投票</h1>
    <div class="n-wrap">
      <div class="btn" @click="goVote">进入投票</div>
    </div>
  </div>
</template>

<script>
import { Toast, Dialog } from "mand-mobile";
export default {
  components: {
    [Dialog.name]: Dialog
  },
  name: "",
  data() {
    return {};
  },
  methods: {
    goVote() {
      this.$router.push({
        path: "/localeVoteLogin"
      });
    }
  },
  created() {}
};
</script>

<style  lang="scss" scoped>
$themeColor: #444444;
$themeGold: #d7b987;
#estate {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 150px;
  color: #444444;
  h1 {
    font-size: 70px;
    line-height: 120px;
  }
  .n-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 70px;
    font-size: 30px;
    color: #fff;
    margin-top: 250px;
    background: #2f86f6;
    border-radius: 40px;
  }
}
</style>
